import { Platform, StyleSheet, Dimensions } from 'react-native';

var windowWidth = Dimensions.get('window').width;
var windowHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    wrapper:{
        ...Platform.select({
			ios: {
				height: windowHeight - 64,
			},
            android: {
                flex: 1,
            }
		})
    },
	container: {
		flex: 1,
		backgroundColor: '#f3f3f3',
		...Platform.select({
			ios: {
				paddingTop: 0
			}
		})
	},
	addressContainer: {
		backgroundColor: '#ffffff',
		flex: 1,
		borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 15,
	},
    formTitle:{
        color: '#B5B5B5',
        marginLeft: 15,
        marginTop: 10,
        fontSize: 12,
    },
    addressBtn: {
        marginLeft: 14,
        paddingRight: 15,
        height: 90,
        borderBottomWidth: 1,
        borderColor: '#DDDDDD',
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    },
    addressBtnTime:{
        marginLeft: 15,
        paddingRight: 15,
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: 44,
    },
    leftText:{
        color: '#7B7B7B',
        fontSize: 15,
    },
    leftImage:{

    },
    centerAddress:{
        flex:1,
        marginLeft: 15,
        fontSize: 15,
    },
    centeDate:{
        flex:1,
        marginLeft: 15,
    },
    rightImage:{
        // flex: 1,
        justifyContent: 'flex-end',
        // alignItems: 'flex-end',
    },
    formContainer:{
        // flex: 1,
        borderTopWidth: StyleSheet.hairlineWidth,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
        marginTop: 10,
        backgroundColor: '#ffffff',
    },
    formItem:{
        // flex: 1,
        marginLeft: 15,
        flexDirection: 'row',
        alignItems: 'center',
        height: 44,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DDDDDD',
    },
    formItemSpri:{
        marginLeft: 15,
        marginTop: 15,
    },
    itemRight:{
        flex:1,
        fontSize: 15,
        marginLeft: 15,
        color: '#000',
    },
    submitBtnContainer:{
        position: 'absolute',
        flex: 1,
        width: '100%',
        bottom: 0,
        left: 0,
        ...Platform.select({
			ios: {
				bottom: 0,
			},
            android: {
                bottom: 0
            }
		}),
        backgroundColor: '#EA5404',
    },
    submitBtn:{
        width: '100%',
        height: 44,
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    submitBtnText:{
        color: '#ffffff',
        fontSize: 15,
    },
    selectBtn:{
        marginRight: 15,
        marginTop: 15,
    },
    selectContent:{
        marginTop: 5,
        flex: 1,
        flexDirection: 'row',
        alignItems: 'flex-start',
        flexWrap: 'wrap',
        marginBottom: 15,
    },
    activeText:{
        backgroundColor: '#EA5404',
        color: '#ffffff',
        borderColor: "#EA5404",
        borderWidth: 1,
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        paddingBottom: 3,
        paddingLeft: 14,
        paddingRight: 14,
        overflow: 'hidden'
    },
    notActiveText:{
        backgroundColor: '#ffffff',
        borderColor: "#555555",
        borderWidth: 1,
        color: '#555555',
        fontSize: 13,
        borderRadius: 2,
        paddingTop: 4,
        paddingBottom: 3,
        paddingLeft: 14,
        paddingRight: 14,
        overflow: 'hidden'
    },
    mapContainer:{
        flex: 1,
        backgroundColor: '#f3f3f3',
    },
    searchItem:{
        // flex:1,
        height: 60,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderColor: '#DEDEDE',
        marginLeft:15,
        justifyContent: 'center',
        overflow: 'hidden',
    },
    searchOutList:{
        flex:1,

    },
    modalContainer:{
        flex:1,
        backgroundColor: '#f3f3f3',
        marginTop: 64,
    },
    searchCancelText:{
        color: '#EA5404',
        fontSize: 15,
        marginRight: 15
    },
    addressBtnText:{
        borderRadius:2,
        overflow: 'hidden',
        width: 60,
        height: 24,
        lineHeight: 22,
        backgroundColor: '#EA5404',
        color: '#fff',
        fontSize: 13,
        // flex: 1,
        textAlign: 'center',
        justifyContent: 'center',
        alignItems: 'center',
        marginRight: 15,
    },
    textStyle: {
		color: '#7B7B7B',
		paddingTop: 8,
		fontSize: 13,
		fontWeight: 'normal'
	},
	underlineStyle: {
		height: 2,
		backgroundColor: '#EA5404'
	},
    searchListUser:{
        flex:1,
        backgroundColor: '#fff',
        marginTop:15,
        borderTopWidth:StyleSheet.hairlineWidth,
        borderColor:'#DDD',
    },
    tabBar: {
        height: 35,
		borderBottomWidth: StyleSheet.hairlineWidth,
		borderColor: "#DDDDDD",
		backgroundColor: '#ffffff'
	},
    sendCodeText:{
		borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#EA5404',
        paddingRight: 10,
        paddingLeft: 10,
        paddingTop: 4,
        paddingBottom:4,
        borderRadius: 2,
		overflow: 'hidden',
        fontSize: 12,
        color: '#EA5404',
        textAlign: 'center',
    },
	disableSendCodeText:{
		borderWidth: StyleSheet.hairlineWidth,
        borderColor: '#dedede',
        paddingRight: 10,
        paddingLeft: 10,
        paddingTop: 4,
        paddingBottom:4,
        borderRadius: 2,
		overflow: 'hidden',
		fontSize: 12,
        color: '#B5B5B5',
        textAlign: 'center',
	},

});

export default styles;
